<!--
 * @Description: 事件处理状态展示
 * @Author: JiangMing
 * @Date: 2021-09-2 16:04:00
 * @LastEditors: JiangMing
 * @LastEditTime: 2021-09-2 16:04:00
-->
<template>
  <text class="event-status" :class="[state == 2 ? 'wait' : 'start']">
    {{ status[state] }}
  </text>
</template>

<script>
export default {
  props: {
    state: {
      type: [Number, String]
    }
  },
  data() {
    return {
      status: {
        1: '处置中',
        2: '待核实'
      },
    }
  }
}
</script>

<style lang="scss" scoped>
.event-status {
  display: inline-block;
  line-height: 24rpx;
  padding-left: 30rpx;
  vertical-align: middle;
  font-size: 24rpx;
  &.start {
    background: url('@/static/images/chuli.png') left center no-repeat;
    background-size: 24rpx;
    color: #027AFF;
  }
  &.wait {
    background: url('@/static/images/daichuli.png') left center no-repeat;
    background-size: 24rpx;
    color: #FF5151;
  }
}
</style>